﻿<%@ Page Language="C#" MasterPageFile="~/MasterPages/Profile.Master" AutoEventWireup="true"
    CodeBehind="Upgrade.aspx.cs" Inherits="DatingWebSite.Pages.Upgrade" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Membership Upgrade Page</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
    <div class="top-lower-middle">
        <!-- Upgrade Special section start here -->
        <div class="payment-div">
            <div class="payment-div-top">
                <div class="plan_header_text">
                    Select Your Plan and Join Today</div>
                <div class="plan_save33">
                    &nbsp;&nbsp;(SAVE 33%)</div>
                <div class="best_value_seal">
                </div>
                <div class="plan1_highlight">
                    <a rel="profile_offer" href="#">Includes Profile Highlights</a></div>
                <div onclick="document.upgrade.Product1.checked=true" id="plan1">
                    <div class="plan1_text_container">
                        <span class="plan_radio_selects">
                            <input type="radio" value="10001s" id="Product1" name="product">
                        </span>$X.XX/mo<span class="plan_subtext1"></span> <span class="plan_subtext2">for 6
                            months</span><br>
                        <span class="plan_subtext4">(Billed in one payment of $59.70)</span></div>
                </div>
                <div onclick="document.upgrade.Product2.checked=true" id="plan2">
                    <div class="plan2_text_container">
                        <span class="plan_radio_selects">
                            <input type="radio" value="10001" id="Product2" name="product">
                        </span>$X.XX/mo<span class="plan_subtext1"></span> <span class="plan_subtext2">for 6
                            months</span><br>
                        <span class="plan_subtext4">(Billed in one payment of $59.70)</span></div>
                </div>
                <div onclick="document.upgrade.Product3.checked=true" id="plan3">
                    <div class="plan3_text_container">
                        <span class="plan_radio_selects">
                            <input type="radio" value="10000" id="Product3" name="product">
                        </span>$XX.XX <span class="plan_subtext1b">per month</span><br>
                        <span class="plan_subtext4">($14.95 billed monthly)</span></div>
                </div>
            </div>
            <div class="payment-div-bottom">
                <img src="../Resources/img/payment-bottom-curve.gif" width="436" height="11" alt="" /></div>
        </div>
        <!-- Upgrade Special section end here -->
        <div class="dateHere">
            <h2>
                <span id="dateHere">Upgrade Special!</span>
            </h2>
            <a href="/community/upgrade/membership-rates.cfm">Questions about upgrading? - click
                here</a>
            <br>
        </div>
        <!-- Payment information section start here -->
        <div class="payment-info-div">
            <div class="payment-info-div-top">
                <div id="payment_options">
                    <div id="payment_header">
                        <div class="payment_header_text">
                            Payment Information
                            <div class="payment_header_subtext">
                                (Plus one time $3.95 processing fee added to all new upgrade orders)</div>
                        </div>
                    </div>
                    <div id="payment_middle_content_wrapper">
                        <div class="payment_middle_content">
                            <table>
                                <tbody>
                                    <tr>
                                        <td width="100">
                                            Payment Method
                                        </td>
                                        <td width="90">
                                            <input type="radio" checked="checked" onclick="return SubmitForm(false);" id="pt_ccard"
                                                value="1" name="pttype">
                                            <label class="upgrade" for="pt_ccard">
                                                Credit Card</label>
                                        </td>
                                        <td width="97">
                                            <input type="radio" onclick="return SubmitForm(false);" id="pt_mailin" value="2"
                                                name="pttype">
                                            <label class="upgrade" for="pt_mailin">
                                                Mail-In Order</label>
                                        </td>
                                        <td width="106">
                                            <input type="radio" onclick="return SubmitForm(false);" id="pt_westernunion" value="6"
                                                name="pttype">
                                            <label class="upgrade" for="pt_westernunion">
                                                Western Union</label>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <br>
                            <table>
                                <tbody>
                                    <tr>
                                        <td width="100" valign="top">
                                            Credit Card Type
                                        </td>
                                        <td width="73" valign="top">
                                            <input type="radio" value="VISA" name="cctype">
                                            <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-visa.gif">
                                        </td>
                                        <td width="73" valign="top">
                                            <input type="radio" value="MC" name="cctype">
                                            <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-mastercard.gif">
                                        </td>
                                        <td width="73" valign="top">
                                            <input type="radio" value="DISC" name="cctype">
                                            <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-amex.gif">
                                        </td>
                                        <td width="73" valign="top">
                                            <input type="radio" value="AMEX" name="cctype">
                                            <img height="29" align="middle" width="43" src="https://pmisecure.peoplemedia.com/22/images/upgrade/credit-cards-discover.gif">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <br>
                            <table border="0" width="390">
                                <tbody>
                                    <tr>
                                        <td width="190" valign="top">
                                            Credit Card Number:
                                        </td>
                                        <td align="left" width="195" valign="top">
                                            <input type="text" value="" maxlength="16" size="25" name="ccnum">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="190" valign="top">
                                            Card Holder&#39;s Name:
                                        </td>
                                        <td align="left" width="195" valign="top">
                                            <input type="text" value="" name="ccname">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            Credit Card Expiration:
                                        </td>
                                        <td>
                                            <select name="ccDate_dateselect_month">
                                                <option value="">Month</option>
                                                <option value="1">01</option>
                                                <option value="2">02</option>
                                                <option value="3">03</option>
                                                <option value="4">04</option>
                                                <option value="5">05</option>
                                                <option value="6">06</option>
                                                <option value="7">07</option>
                                                <option value="8">08</option>
                                                <option value="9">09</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                            </select>
                                            /
                                            <input type="hidden" value="1" name="ccDate_dateselect_day">
                                            <select name="ccDate_dateselect_year">
                                                <option value="">Year</option>
                                                <option value="2010">2010</option>
                                                <option value="2011">2011</option>
                                                <option value="2012">2012</option>
                                                <option value="2013">2013</option>
                                                <option value="2014">2014</option>
                                                <option value="2015">2015</option>
                                                <option value="2016">2016</option>
                                                <option value="2017">2017</option>
                                                <option value="2018">2018</option>
                                                <option value="2019">2019</option>
                                                <option value="2020">2020</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="190" valign="top">
                                            Billing Address Zip Code:
                                        </td>
                                        <td align="left" width="195" valign="top">
                                            <input type="text" maxlength="5" size="5" value="" name="zip_postal_code">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="190" valign="top">
                                            Card Verification Number (CVN):
                                        </td>
                                        <td align="left" width="195" valign="top">
                                            <input type="text" maxlength="4" size="4" value="" name="cvn">
                                            &nbsp;&nbsp;<a onclick="javascript:window.open('/community/help/cvn-help-popup.cfm','cvnhelp','width=470,height=590,scrollbars=yes,menubar=no,status=no,toolbar=no,resizable=no')"
                                                href="#">What&#39;s this?</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" align="center">
                                            <input type="submit" onclick="this.disabled=true; document.upgrade.submit();" name="submit"
                                                value="YES I WANT TO UPGRADE">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="hover_secure_seal">
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="payment-info-div-bottom">
                <img src="../Resources/img/payment-info-bottom.jpg" width="436" height="14" alt="" /></div>
        </div>
        <!-- Profile section end here -->
        <!-- Footer Redesign Ext. start here -->
        <div class="footer-redesign-ext">
            Memberships automatically renew until cancelled. Once the purchased period expires,
            the 1 month, 3 month, and 6 month subscriptions all recur at $14.95/month. You can
            cancel at anytime by clicking on &quot;My Account&quot; in the upper right hand
            corner and then on &quot;Account Status&quot;.
        </div>
        <!-- Footer Redesign Ext. end here -->
        <!-- Member Area start here end here -->
    </div>
    <uc1:member_right id="member_right1" runat="server" />
    &nbsp;
</asp:Content>
